import React from 'react';
import { GoogleMapLoader, GoogleMap, Marker} from 'react-google-maps';

export default (props) => {
  return (
    <GoogleMapLoader
      containerElement = {
        <div style={{height: '100px'}} />
      }
      googleMapElement = {
        <GoogleMap
          defaultZoom={props.zoom || 12}
          defaultCenter={{lat: props.lat, lng: props.lon}}
        />
      }
    />
  );
}
